<template>
    <div class="transfer_history">
        <x-header title="我的转让历史" :left-options="{backText: ''}">
        </x-header>
        <div class="content">
            <div class="no_data">
                <img src="../../assets/images/voucherMarket/no_history.jpg" alt="">
            </div>
        </div>
        <div class="mask"></div>
    </div>
</template>

<script>
    import { setCookie, getCookie, removeCookie, clearCookie } from '@/assets/js/cookie'
    import { XHeader, Tab, TabItem } from 'vux';
    export default {
        name: 'transfer_history',
        data() {
            return {
                msg: ''
            }
        },
        components: {
            XHeader,
            Tab,
            TabItem
        },
        computed: {

        },
        created() {

        },
        methods: {

        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .transfer_history {
        min-height: 100%;
        background: #fff;
        .content {
            .no_data{
                width: 7.5rem;
                height: 5.31rem;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                img{
                    width: 7.5rem;
                    height: 5.31rem;
                }
            }
        }
    }
</style>